<%--
    Document   : index
    Created on : 30 avr. 2012, 19:06:33
    Author     : aurelie
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!-- Ne pas oublier cette ligne sinon tous les tags de la JSTL seront ignorés ! -->
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
    <head>
        <title>Buy Movies</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="imagetoolbar" content="no" />
        <link rel="stylesheet" href="styles/menu.css" type="text/css" />
        <script type="text/javascript" src="scripts/menu.js"></script>
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    </head>
    <body id="top">
        <div class="wrapper col0">
            <div id="topbar">
                <ul id="menu"><c:if test="${connecte}">
                        <li><a href="ServletAuthentification?action=deconnection">Déconnection</a></li>

                    </c:if>
                    <c:if test="${!connecte}">
                        <li><a href="ServletAuthentification?action=authentifier">Se connecter</a></li>
                    </c:if>

                    <li class="last"><a href="ServletPanier?action=panier">Mon Panier</a></li>
                    


                    <c:if test="${connecte}">
                        <p> ${message}</p>
                    </c:if>

                </ul>

                    </li><br/>

                    

                    <c:if test="${connecte}">
                        <p> ${message}</p>
                    </c:if>

                </ul>
                <br class="clear" />
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col1">
            <div id="header">
                <div id="topnav">
                    <ul>
                        <li><a href="ServletFilm?action=listerFilms&categorie=all">Tous les films</a><span></span></li>
                        <li><a href="ServletFilm?action=listerFilms&categorie=null">Films par catégorie</a><span></span></li>
                        <li class="active"><a href="ServletFilm">Accueil</a><span>Nouveautés</span></li>
                    </ul>
                </div>
                <div id="logo">
                    <h1><a href="ServletAuthentification?action=index">Buy Movies</a></h1>
                    <p>Ne restez plus simple spectateur</p>
                </div>
                <br class="clear" />
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col2">
            <div id="breadcrumb">
                <ul>
                    <li class="first">You Are Here</li>
                    <li>&#187;</li>
                    <li><a href="ServletAuthentification?action=index">Accueil</a></li>
                    <li>&#187;</li>       

                    <li class="current"><a href="ServletAuthentification?action=browse">films par catégorie</a></li>
                </ul>
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col3">
            <div id="container">
                <div id="content">

                    <FORM method=GET action=ServletFilm?action=listerFilms&categorie=recherche>
                        <INPUT TYPE=text name=titre size=15 maxlength=255 value="">
                        <INPUT TYPE="hidden" name="action" value="listerFilms">
                        <INPUT type=submit name=submit VALUE="OK">
                    </FORM>

                     <c:if test="${param['action'] == 'listerFilms'}">
                        <!-- La ligne de titre du tableau des comptes -->

                         <p>Classez ses films par <a href="ServletFilm?action=listerFilms&orderBy=titre">Titre</a>,
                            <a href="ServletFilm?action=listerFilms&orderBy=note">Note </a>

                            <!-- Ici on affiche les lignes, une par film -->
                            <!-- cette variable montre comment on peut utiliser JSTL et EL pour calculer -->
                            <c:set var="total" value="0"/>

                            <c:forEach var="f" items="${listeDesFilms}">
                            <div id="picture"> <img class="imgr" src="${f.affiche}" alt="" width="150" height="210" /></div>

                            <div id="contentFilm">
                                <h1><a href="ServletFilm?id=${f.id}&action=listerFilmsDetails&submit=OK">${f.titre}</a></h1>
                                <!-- on boucle sur les categories -->
                                <p>
                                    <b>Genre</b> :
                                    <c:forEach var="c" items="${f.categories}">
                                        <!-- affiche que la categorie fantastique -->
                                        <!-- mettre la condition au debut -->
                                       <a href="ServletFilm?action=listerFilms&categorie=${c.nom}">${c.nom}, </a>
                                    </c:forEach>
                                </p>
                                <!-- on boucle sur les acteurs -->
                                <p>
                                    <b>Acteurs</b> :
                                    <c:forEach var="a" items="${f.acteurs}">
                                        <a href="ServletFilm?action=acteur&nomActeur=${a.nom}">${a.nom},</a>
                                    </c:forEach>
                                </p>

                                <p><b>Note</b> :${f.note}/10</p>
                                <!-- on boucle sur les realisateurs -->
                                <p>
                                    <b>Réalisateurs</b> :
                                    <c:forEach var="r" items="${f.realisateurs}">
                                        ${r.nom}
                                    </c:forEach>
                                </p>
                                <b>Description</b> :
                                    <p><i>${f.description}...</i><a href="ServletFilm?id=${f.id}&action=listerFilmsDetails&submit=OK">suite</a></p>



                            </div>
                            <!-- On compte le nombre de users -->
                            <c:set var="total" value="${total+1}"/>

                        </c:forEach>

                        <!-- Affichage du solde total dans la dernière ligne du tableau -->
                        <p><b>${total}</b> films sont disponibles</p>


                    </c:if>

                   
              
                </div>
                <div id="column">
                    <div class="subnav">
                        <h2>Rechercher un film par catégorie</h2>
                        <ul>

                            <li><a href="ServletFilm?action=listerFilms&categorie=action">Action</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=animation">Animation</a> </li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=aventure">Aventure</a> </li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=biopic">Biopic</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=classique">Classique</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=comedie">Comédie</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=cartoon">Dessin animé</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=documentaire">Documentaire</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=drame">Drame</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=horreur">Epouvante-horreur</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=fantastique">Fantastique</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=guerre">Guerre</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=musical">Musical</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=romance">Romance</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=science_fiction">Science fiction</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=thriller">Thriller</a></li>
                            <li><a href="ServletFilm?action=listerFilms&categorie=western">Western</a></li>

                        </ul>
                    </div>
                
                </div>
                <br class="clear" />
            </div>
        </div>
        <div class="wrapper col4">
            <div id="footer">
                <div class="footbox">
                    <h2>Contact</h2>
                    <ul>
                        <li><a href="mailto:sophie.tournes@gmail.com">Sophie Tournès</a></li>
                        <li class="last"><a href="mailto:aureliefolacci@gmail.com">Aurélie Folacci</a></li>

                    </ul>
                </div>
                <div class="footbox">
                    <h2>Liens</h2>
                    <ul>
                        <li><a href="http://www.allocine.fr">Allocine</a></li>
                        <li class="last"><a href="http://www.pathe.fr">Pathe Gaumont</a></li>
                    </ul>
                </div>

                <br class="clear" />
            </div>
        </div>
        <div class="wrapper col5">
            <div id="copyright">
                <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">Aurélie Folacci et Sophie Tournès</a></p>
                <br class="clear" />
            </div>
        </div>
    </body>
</html>
